import React from 'react';
import '../design-system/tokens.css';
import { DesignSystemShowcase } from '../design-system/examples/DesignSystemShowcase';

/**
 * Main Application Component
 * 
 * This demonstrates the complete design system extracted from the Skene.ai landing page.
 * The design system includes:
 * - Color palette and design tokens
 * - Typography system
 * - Component library
 * - Content block patterns
 * - Layout guidelines
 * 
 * See /src/design-system/README.md for full documentation
 */
export default function App() {
  return <DesignSystemShowcase />;
}